// pages/category/index.js
import request from '../../request/request.js'
Page({


  /**
   * 页面的初始数据
   */
  data: {
    //左边的初始数据
    leftMenuList: [],
    //右边数据列表
    rightContent: [],
    currentIndex: '' //高亮的当前索引
  },

  Cates: [], //属于全局变量


  // 处理高亮 并且切换右边内容
  handleItemTap(e) {
    console.log(e);
    let {
      index
    } =e.currentTarget.dataset
     this.setData({
      currentIndex:index,   //左边高亮
      rightContent:this.Cates[index].children, //动态切换右边内容
     })

  },



 //定义在data里面的数据 如果要取值  this.data.名字

  getCateList() {
    request({
        url: "categories"
      })
      .then(result => {
        console.log(result);
        this.Cates=result
        let leftMenuList=this.Cates.map(v=>v.cat_name)  //映射
        let rightContent=this.Cates[0].children
        console.log(rightContent);
        this.setData({
          leftMenuList,
          rightContent
        })
      })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCateList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})